//选项卡
let span = document.querySelectorAll('.loginBtn')
// console.log(span);

//保存索引
let index = 0;
let change = document.querySelectorAll('.change')
span.forEach(function (dom, i) {
  dom.addEventListener('click', function () {
    //清除上一个样式
    span[index].classList.remove('active')
    //添加样式到当前对象
    this.classList.add('active')
    //清除上一个样式
    change[index].classList.remove('on')

    change[i].classList.add('on')

    index = i;
  })
})
/**
 * 定义正则表达式
 */
let user = document.querySelector('.user')
let password = document.querySelector('.password')


//用户名正则，4到16位（字母，数字，下划线，减号）
let userReg = /^\d{6}$/

// /^[a-zA-Z0-9_-]{4,16}$/

//密码正则
let pwdReg = /^\d{6}$/ //6位数字



let modalMask = document.querySelector('.modal-mask')
// console.log(modalMask);
/**
 * 点击登录按钮, 验证手机号和密码是否合法
 */
let login = document.querySelector('.modal-login')

login.addEventListener('click', function () {
  // console.log(1);

  if (!userReg.test(user.value) && !pwdReg.test(password.value)) { //验证手机号 == 只判断失败情况
    modalMask.style.opacity = 1;
    user.value = ''
    password.value = ''

  } else {
    //跳转页面
    location.href = '../html/home.html'
    user.value = ''
    password.value = ''
  }

})